<template id="sea">
    <div>
     <div class="sea_f">
         <div class="sea_c">
             <h4>冷冻水产</h4>
             <ul>
                 <li><img src="../image/xia.jpg" alt=""><span>冷冻虾类</span></li>
                 <li><img src="../image/xia.jpg" alt=""><span>冷冻虾类</span></li>
                 <li><img src="../image/xia.jpg" alt=""><span>冷冻虾类</span></li>
                 <li><img src="../image/xia.jpg" alt=""><span>冷冻虾类</span></li>
             </ul>
         </div>
         <div class="sea_c">
             <h4>冷冻水产</h4>
             <ul>
                 <li><img src="../image/xia.jpg" alt=""><span>冷冻虾类</span></li>
                 <li><img src="../image/xia.jpg" alt=""><span>冷冻虾类</span></li>
                 <li><img src="../image/xia.jpg" alt=""><span>冷冻虾类</span></li>
                 <li><img src="../image/xia.jpg" alt=""><span>冷冻虾类</span></li>
             </ul>
         </div>

     </div>
    </div>
</template>
<script>

    export default {
        name:'sea',

    }
</script>
<style>
.sea_f{
    height:9rem;
    width:100%;
}
    .sea_c{
        height:1.6rem;
        width:100%;
    }
.sea_c h4{
    height:0.62rem;
    width:100%;
    color:#949494;
    font-size:0.16rem;
    line-height:0.62rem;
    text-align:center;
}
.sea_c ul{
    height:0.9rem;
    width:100%;
}
.sea_c ul li{
    height:0.9rem;
    width:1.6rem;
    float:left;
    list-style:none;

}
.sea_c ul li img{
    display:block;
    width:0.8rem;
    height:0.6rem;
margin:auto;

}
.sea_c ul li span{
    display:block;
    height:0.3rem;
    width:1.6rem;
    color:#333;
    font-size:0.14rem;
    text-align:center;
    line-height:0.3rem;

}
</style>
